﻿<!DOCTYPE html>
<html>
<head>
	<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>

	<!-- Stylesheets -->
	<link href="css/default.css" rel="stylesheet" type="text/css">

	<!-- Javascripts -->
	<script src="js/jquery.js"></script>
	<script src="js/cre-application.jquery.js"></script>
	<title>Creatision</title>
</head>
<body>
	<!-- MAIN CONTAINER -->
	<div id="cre_main_container">
		<!-- HEADER SECTION START -->
		<div id="cre_header">
			<!-- TOP SECTION IN HEADER -->
			<div id="cre_header_top">
				<!-- LOGO -->
				<div id="cre_header_top_logo"><img width="180" src="images/logo_creatision.png" /></div>
				<!-- TOP NAVIGATION -->
				<div id="cre_header_top_topnavi">
					<ul>
						<li class="first"><a href="#">Registrieren</a></li>
						<li><a href="#">Anmelden</a></li>
						<li class="facebook last"><a href="#">Anmelden</a></li>
					</ul>
				</div>
				<div class="clear"></div>
			</div>
			<!-- TOP HEADLINES -->
			<div id="cre_header_headlines">
				<div id="cre_header_headlines_intro">
					<h2 class="text-center">Kreative <span class="font-weight-600">Herstellerseiten.</span></h2>
					<div class="clear"></div>
				</div>
			</div>
		</div>
		<!-- HEADER SECTION END -->

		<!-- CONTENT BEGIN -->
		<div id="cre_content_wrapper">
			<div id="cre_content_inner">
				<div class="cre_content width-70">
					<h3 class="font-weight-600">Kreative Hersteller</h3>
					<form method="" action="">
						<input type="text" placeholder="Bitte eingeben..." />
						<div class="cre_register-manufacturer">
							<h3 class="plus-ico">Jetzt registrieren</h3>
						</div>
					</form>
					<div class="spacer"></div>
					<!-- Left column with image begin -->
					<div class="cre_half-column">
						<div class="cre_polaroid">
							<img src="images/content/rennholz.jpg" />
						</div>
						<div class="cre_polaroid-shadow"></div>
					</div><!-- end left column -->
					<!-- right column with text begin -->
					<div class="cre_half-column last">
						<h3 class="font-weight-400">Rennholz</h3>
						<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. </p>

						<div class="cre_default-options">
							<a href="#" class="button blue">open</a>
						</div>
					</div><!-- right col end -->
					<div class="clear"></div>
					<div class="cre_half-column">
						<div class="cre_polaroid">
							<img src="images/content/rennholz.jpg" />
						</div>
						<div class="cre_polaroid-shadow"></div>
					</div>
					<div class="cre_half-column last">
						<h3 class="font-weight-400">Ziiiro Gravity</h3>
						<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. </p>

						<div class="cre_default-options">
							<a href="#" class="button blue">open</a>
						</div>
					</div>
					<div class="clear"></div>
					<div class="cre_half-column">
						<div class="cre_polaroid">
							<img src="images/content/rennholz.jpg" />
						</div>
						<div class="cre_polaroid-shadow"></div>
					</div>
					<div class="cre_half-column last">
						<h3 class="font-weight-400">Der Bleistift-Spitzer-Ventilator</h3>
						<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. </p>

						<div class="cre_default-options">
							<a href="#" class="button blue">open</a>
						</div>
					</div>

					<div id="cre_pagination">
						<ul>
							<li><a href="#">&larr; Zurück</a></li>
							<li class="active"><a href="#">1</a></li>
							<li><a href="#">2</a></li>
							<li><a href="#">3</a></li>
							<li><a href="#">4</a></li>
							<li><a href="#">...</a></li>
							<li><a href="#">9</a></li>
							<li class="last"><a href="#">Vorwärts &rarr;</a></li>
						</ul>
					</div>
				</div>

				<div class="cre_content width-30">
					<h3>creatision</h3>
					<a href="#" class="button red">jetzt erstellen!</a>
					<div class="spacer"></div>
					<h3>Optionen</h3>
					<ul class="options">
						<li><a class="cre_options small create-creatision" href="">creatision anlegen</a></li>
						<li><a class="cre_options small search-manufacturer" href="">Hersteller suchen</a></li>
						<li><a class="cre_options small communication" href="">Kommunikationszentrale</a></li>
						<li><a class="cre_options small creative-manufacturer-websites" href="">Kreative Herstellerseiten</a></li>
						<li><a class="cre_options small community" href="">Community</a></li>
					</ul>
				</div>
				<div class="clear"></div>
			</div>
		</div>
		<!-- CONTENT END -->

		<!-- FOOTER BEGIN -->
		<div id="cre_footer_wrapper">
			<div id="cre_footer">
				<div id="cre_footer_copyright">&copy; 2012 creatision GmbH</div>
				<div id="cre_footer_navi">
					<ul>
						<li><a href="#">Impressum</a></li>
						<li><a href="#">FAQ</a></li>
						<li><a href="#">Kontakt</a></li>
						<li><a href="#">AGB</a></li>
						<li><a href="#">Datenschutz</a></li>
						<li><a href="#">Über creatision</a></li>
					</ul>
				</div>
			</div>
		</div>
		<!-- FOOTER END -->

	</div>

	<div id="cre_overlay"></div>
</body>
</html>